


<!DOCTYPE html>
<html lang="cn" class="app fadeInUp animated">

<head>
    <meta charset="utf-8" />
    
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link href="/assets/stylesheets/bootstrap.min.css" rel="stylesheet" />
    <link href="/assets/stylesheets/animate.min.css" rel="stylesheet" />
    <link href="/assets/stylesheets/font-awesome.min.css" rel="stylesheet" />
    <link href="/assets/stylesheets/style.min.css" rel="stylesheet" />
    <!--[if lt IE 9]><script src="/assets/javascripts/ie8/inie8.min.js"></script><![endif]-->
    <script type="text/javascript">
        "use strict"
        var _speedMark = new Date(),
            www_version = {time()};
    </script>

</head>
<style type="text/css">
    body{
        font-family: "Microsoft Yahei";
        font-size: 62.5%;
    }
    .Statistics_container{
            margin: 1.5rem 0;
        }
        .Statistics_content{
            display: flex;
            padding:0;
            list-style: none;
        }
        .Statistics_list_content{
            flex: 1;
            border-radius: 4px;
            margin: 0 1rem;
            min-width: 11.5625rem;
            color: #fff;
            font-size: 16px;
            padding: 1rem;
        }
        .Statistics_list_content h2{
            font-size: 16px;
            text-align: center;
            margin: 0;
        }
        .Statistics_num_title_container{
            display: flex;
            margin-top: 1rem;
            padding:0;
            list-style: none;
        }
        .Statistics_num_title_container li{
            flex: 1;

        }
        .Statistics_num_title_container li a{
            display: block;
            text-align: center;
            font-size: 16px;
            color: #fff;
        }
        .Statistics_list_content h3{
            font-size: 16px;
            text-align: center;
            margin: 10px 0;
        }
        .Statistics_list_money_content{
            margin-top: 1rem;
        }
        .color_666_h{
            color: #666 !important;
        }
        tspan{
            fill: #666 !important;
            font-weight: 400 !important;
        }
    @media(max-width: 900px) {
            .myVbow{
            height:1200px
        }
    }
</style>
<body>

    
    <section class="vbox myVbow">
        <section class="scrollable padder">
            <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
                <li><a href="javascript:;"><i class="fa fa-dashboard"></i>数据概况</a></li>
            </ul>

    <div class="Statistics_container">
        <ul class="Statistics_content">
            <li class="Statistics_list_content" style="background: #f78068;">
                <h3>总交易额</h3>
                <h3 class="Statistics_list_money_content">￥: {$num1}</h3>
            </li>
            <li class="Statistics_list_content" style="background: #65aeda;">
                <h3>总交易数</h3>
                <h3 class="Statistics_list_money_content">{intval($num2)}</h3>
            </li>
            <li class="Statistics_list_content" style="background: #60e69c;">
                <h3>潜在新增</h3>
                <h3 class="Statistics_list_money_content">{$num3}</h3>
            </li>
            <li class="Statistics_list_content" style="background: #f7b276;">
                <h3>昨日交易额</h3>
                <h3 class="Statistics_list_money_content">￥: {$sum}</h3>
            </li>
        </ul>
    </div>
                <!-- <div class="row m-l-none m-r-none bg-light lter">
                    <div class="col-sm-6 col-md-3 padder-v b-r b-light">
                        <span class="fa-stack fa-2x pull-left m-r-sm">
                            <i class="fa fa-circle fa-stack-2x text-info"></i>
                            <i class="fa fa-yen fa-stack-1x text-white"></i>
                        </span>
                        <a class="clear" >
                            <span class="h3 block m-t-xs"><strong>{$num1}</strong></span>
                            <small class="text-muted text-uc">总交易额</small>
                        </a>
                    </div>
                    <div class="col-sm-6 col-md-3 padder-v b-r b-light lt">
                        <span class="fa-stack fa-2x pull-left m-r-sm">
                            <i class="fa fa-circle fa-stack-2x text-warning"></i>
                            <i class="fa fa-legal fa-stack-1x text-white"></i>
                            <span class="easypiechart pos-abt" data-percent="100" data-line-width="4" data-track-color="#fff" data-scale-color="false" data-size="50" data-line-cap='butt' data-animate="2000" data-target="#bugs" data-update="3000"></span>
                        </span>
                        <a class="clear" >
                            <span class="h3 block m-t-xs"><strong id="bugs">{intval($num2)}</strong></span>
                            <small class="text-muted text-uc">总交易数</small>
                        </a>
                    </div>
                    <div class="col-sm-6 col-md-3 padder-v b-r b-light">
                        <span class="fa-stack fa-2x pull-left m-r-sm">
                            <i class="fa fa-circle fa-stack-2x text-danger"></i>
                            <i class="fa fa-clipboard  fa-stack-1x text-white"></i>
                            <span class="easypiechart pos-abt" data-percent="100" data-line-width="4" data-track-color="#f5f5f5" data-scale-color="false" data-size="50" data-line-cap='butt' data-animate="3000" data-target="#firers" data-update="5000"></span>
                        </span>
                        <a class="clear" >
                            <span class="h3 block m-t-xs"><strong id="firers">{$num3}</strong></span>
                            <small class="text-muted text-uc">潜在新增</small>
                        </a>
                    </div>
                    <div class="col-sm-6 col-md-3 padder-v b-r b-light lt">
                        <span class="fa-stack fa-2x pull-left m-r-sm">
                            <i class="fa fa-circle fa-stack-2x icon-muted"></i>
                            <i class="fa fa-yen fa-stack-1x text-white"></i>
                        </span>
                        <a class="clear" >
                            <span class="h3 block m-t-xs"><strong>{$sum}</strong></span>
                            <small class="text-muted text-uc">昨日交易额</small>
                        </a>
                    </div>
                </div> -->
            <div class="row">
                <div class="col-md-8">
                    <section class="panel panel-default">
                        <header class="panel-heading color_666_h">7天新增数据</header>
                        <div class="panel-body">
                            <div id="visit_charts" style="height: 273px" data-path="/admin/Ajax/Get/GetOrderCount.html">
                                <div class="load">数据加载中...</div>
                            </div>
                        </div>
                       <!-- <footer class="panel-footer bg-white no-padder">
                            <div class="row text-center no-gutter">
                                
                                <div class="col-xs-3 b-r b-light">
                                    <span class="h4 m-t block">{intval($w_num)}</span>
                                    <small class="text-muted m-b block">交易次数</small>
                                </div>
                                <div class="col-xs-3 b-r b-light">
                                    <span class="h4 m-t block">{intval($w_share)}</span>
                                    <small class="text-muted m-b block">分享次数</small>
                                </div>
                                <div class="col-xs-3 b-r b-light">
                                    <span class="h4 m-t block">{intval($w_member)}</span>
                                    <small class="text-muted m-b block">新增会员</small>
                                </div>
                            </div>
                        </footer>-->
                    </section>
                </div>
                <div class="col-md-4">
                    <section class="panel panel-default">
                        <header class="panel-heading color_666_h">7天交易数据</header>
                        <div class="bg-light dk wrapper">

                            <div class="text-center m-b-n m-t-sm">
                                <div class="js_turnover" style="height: 100px" data-path="/admin/Ajax/Get/GetOrderTradePrice.html?typ=1"><i class="fa fa-spinner fa-spin"></i></div>
                                <div class="js_refund inline" style="height: 50px" data-path="/admin/Ajax/Get/GetOrderTradePrice.html?typ=2"><i class="fa fa-spinner fa-spin"></i></div>
                            </div>
                        </div>
                       
                        <div class="panel-body">
                            <div>
                                <span class="text-muted">交易总额</span>
                                <span class="h3 block money" style="color: #999;">{$w_total}</span>
                            </div>
                            <div class="line pull-in"></div>
                            <div class="row m-t-sm">
                                <!--<div class="col-xs-6">
                                    <small class="text-muted block">潜在新增</small>
                                    <span class="money">{$w_xtotal}</span>
                                </div>-->
                                <div class="col-xs-6">
                                    <small class="text-muted block">交易次数</small>
                                    <span class="money">{intval($w_num)}</span>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
			
			
          

        </section>
    </section>


    <script src="/assets/javascripts/sea-modules/seajs/seajs/2.2.0/sea.js"></script>
    <script src="/assets/javascripts/seajs_config.js"></script>

    <script type="text/javascript">
        seajs.use(["dist/application/app.js", "dist/home/init.js"])
    </script>

</body>

</html>
